<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml">
	<meta charset="utf-8" />
  <title><%=title%></title>
  <link rel="stylesheet" href="stylesheets/style.css" />
  <head>
  </head>
  <body>
  	<div id="container">
  		<div id="top">
  			<div id="logo">
  				<img src="images/logo.png" height="90px" alt="Easy Finder"/>
  			</div>
  			<div id="topItems">
          <div id="item0"><span><a href="#about">About Us</a></span></div>
  				<div id="item1"><span><a href="#download">Download</a></span></div>
  				<div id="item2"><span><a href="#order">Order</a></span></div>
  				<div id="item3"><span><a href="#product">Product</a></span></div>
  				<div id="item4"><span><a href="#contact">Contact Us</a></span></div>
  			</div>
  		</div>
  		<div id="demo">
  			<img src="images/dream1.jpg" width="1000px" height="450px"/>
  		</div>
  		<div id="vedio">
        <div id="vedio0">
         <div id="title">
          <p>Manual</p>
         </div>
         <div id="src">
          <object type="application/x-shockwave-flash" data="vedios/manual_v0.swf" id="v0"
          style="width:330px;height:220px;">
            <param name="wmode" value="transparent" />
            <parem name="PLAY" value="false"/>
          </object>
         </div>
        </div>
        <div id="vedio1">
         <div id="title">
          <p>Manual 2</p>
         </div>
         <div id="src">
          <object type="application/x-shockwave-flash" data="vedios/manual_v0.swf" id="v1"
          style="width:330px;height:220px;">
            <param name="movie" value="vedios/manual_v0.swf" />
            <param name="wmode" value="transparent" />
          </object>
         </div>
        </div>
        <div id="vedio2">
         <div id="title">
          <p>Scenario</p>
         </div>
         <div id="src">
          <object type="application/x-shockwave-flash" data="vedios/manual_v0.swf" id="v2"
          style="width:330px;height:220px;">
            <param name="movie" value="vedios/manual_v0.swf" />
            <param name="wmode" value="transparent" />
          </object>
         </div>
        </div>
  		</div>
  		<div id="bottom">
        <div id="introduction">
          <h3>What is Easy Finder?</h3>
          <p>Easy Finder is a product for finding and leashing your assets through <br> Bluetooth Low Energy along with a remoted attachable device called "ckeep".</p>
          <p>
        </div>
        <div id="externallinks">
          <h3>References:</h3>
          <a href="http://acrdshare/sites/DLS/EEC/DocLib/Dreamstarter.aspx">Dream Starter</a>
          <br>
          <a href="http://en.wikipedia.org/wiki/Bluetooth">Blutooth</a>
          <br>
          <a href="https://git.oschina.net/zlxzp/EasyFinder">Source Repository</a>
        </div>
  		</div> 
      <div id="footer">
        <p>Copyright @ ckeep 2014</p>
      </div>
  	</div>
  </body>

</html>